<template>
	<div class="truename">
		<Header :title="title"/>
		<div class="done"><span>已认证信息</span></div>
		<div class="tops">
			<numInput :numtitle="numtitle" :numinfor="numinfor"/>
			<numInput :numtitle="numtitleo" :numinfor="numinforo"/>
			<numInput :numtitle="numtitlef" :numinfor="numinforf"/>
		</div>
	</div>
</template>

<script>
	import numInput from '../components/numInput.vue'
	import Header from '../components/Header.vue'
	import Button from '../components/button.vue'
	export default{
		data(){
			return {
				title:'实名认证',
				numtitle:'姓名',
				numtitleo:'证件类型',
				numtitlef:'证件号',
				numinfor:'*丽',
				numinforo:'居民身份证',
				numinforf:'******0011',	
			}
		},
		components:{
			numInput,
			Header,
			Button
		}
	}
</script>

<style scoped>
	.truename{
		width: 100%;
		height: 100vh;
		background: #F5F5F5;
		font-size: 14px;
	}
	.done{
		width: 95%;
		height: 20px;
		padding-left: 5%;
	}
	.done span{
		display: inline-block;
		width: 100%;
		margin-top:20px;
		font-size: 15px;
	}
		
	.tops{
		margin-top: 30px;
	}
</style>
